<template>
	<view class="container">
		<view class="label">活动概述</view>
		<textarea class="my-textarea" :value="summa"  :maxlength="400" @input="$emit('changeSumma',$event.detail.value)" placeholder="请输入"
			placeholder-class="placeholder"></textarea>
		<textarea class="my-textarea" :value="summa2"  :maxlength="400" @input="$emit('changeSummaTwo',$event.detail.value)"
			placeholder="请输入" placeholder-class="placeholder"></textarea>
	</view>
</template>

<script>
	export default {
		props: {
			summa: "",
			summa2: ""
		},
		data() {
			return {};
		}
	}
</script>

<style lang="scss" scpoed>
	.container {
		--textarea-height: 240rpx;

		.label {
			line-height: $text-size;
			font-size: $text-size;
			color: #6F6F6F;
			margin-bottom: 40rpx;
		}

		.my-textarea {
			margin-bottom: 40rpx;
		}
	}

	/deep/.placeholder {
		color: #CFD1D5;
	}
</style>